<template>
  <div>
    <!-- 顶部 -->
   <AppHeader></AppHeader>

    <!-- 指定组件的呈现位置 -->
   <router-view>

   </router-view>


    <!-- 底部-->
   <AppFooter></AppFooter>
  </div>
</template>

<script>
import AppHeader from "@/components/AppHeader";
import AppFooter from "@/components/AppFooter";
export default {
  name: 'App',
  components: {
    AppHeader,
    AppFooter
  }
}
</script>

<style>

</style>
